<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <title>有张商店首页</title>
    <style media="screen">
      .goods-share {
        z-index: 105;
      }
      .buy-header {
        overflow: visible;
      }
    </style>
</head>

<body>
	<div class="buy-header" id="buyHeader">
      	<span id="btn-back" class="buy-head-back">
      		<img src="../../../image/shop/buy/buy-04.png"/>
      	</span>
      	<span class="buy-head-cart">
      		<img src="../../../image/shop/buy/buy-05.png"/>
          <i style="display: none" class="js-cart-count"></i>
      	</span>
        <span class="buy-head-nav">
      		<img src="../../../image/shop/buy/buy-06.png"/>
          <div class="nav-dio-top">
            <!-- <div>
              <img src="../../../image/shop/share.png" alt="">
              <p>分享</p>
            </div> -->
            <div>
              <img src="../../../image/shop/shop.png" alt="">
              <p>商城首页</p>
            </div>
            <!-- <div>
              <img src="../../../image/shop/card.png" alt="">
              <p>我的名片</p>
            </div> -->
          </div>
      	</span>
  	</div>
  	<div class="buy-home-main container" v-cloak>
  		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide" v-cloak v-if="bannerList.length > 0" v-for="item in bannerList">
              <img :src="item.url+'?x-oss-process=image/resize,m_lfit,w_960'" :data-type="item.link_type_id" @click="toGoodsDetail(item.link_type_id)"/>
            </div>
            <div class="swiper-slide" v-cloak v-if="bannerList.length == 0">
		        	<img :src="shopInfo.shop_logo+'?x-oss-process=image/resize,m_lfit,w_960'"/>
		        </div>
		    </div>
        <div class="swiper-pagination"></div>
		</div>
  		<div class="buy-home-name">
  			<div>
	  			<img :src="shopInfo.shop_logo"/>
  			</div>
  			<h2 v-text="shopInfo.shop_name">新宿潮品官方旗舰店</h2>
  		</div>
	  	<ul class="buy-home-coupon" v-cloak v-show="discountList.length > 0">
	  		<li v-for="(item, index) in discountList" @click="getDiscount(item.coupon_discount_id, index)" :style="item.is_get == 1 ? 'background: gray' : ''" class="discountList">
	  			<b v-text="item.amount">50<i><u>元</u></i></b>
	  			<p>满{{item.min_goods_amount}}减{{item.amount}}</p>
	  			<p v-text="item.limit_time">2018.10.01-2018.10.07</p>
	  			<a href="javascript:void(0);"><span>领<br />取</span></a>
	  		</li>
	  	</ul>
	  	<div class="buy-home-brief">
	  		<ul>
	  			<li>
	  				<b v-text="shopInfo.shop_view">1556</b>
	  				<p>人气</p>
	  			</li>
	  			<li>
	  				<b v-text="shopInfo.shop_goods_num">1556</b>
	  				<p>产品数量</p>
	  			</li>
	  			<li>
	  				<b v-text="shopInfo.shop_location ? locationChange : '暂无'">广州</b>
	  				<p>所在地</p>
	  			</li>
	  		</ul>
	  		<h2 :class="introduce ? 'shop-jianjie-show' : 'shop-jianjie'" v-text="shopInfo.shop_intro" @click="showIntroduce">
	  			本店搜集世界各地潮品单品，逐渐受到大众的关注，给潮流市场 带来新一波机会,逐渐受到大众的关注，给潮流市场 带来新一波机会
	  		</h2>
	  	</div>
	  	<div class="buy-home-goods">

        <!-- 热门商品 -->
	  		<div class="buy-home-list" v-show="collageList.length > 0">
	  			<div class="title">
	  				<span><img src="../../../image/shop/buy/buy-07.png"/>极速拼团</span>
	  			</div>
	  			<ul class="list">
            <li v-for="item in collageList" @click="toGroupDetail(item.goods_id)">
              <div class="img_frame">
  	  					<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
              </div>
	  					<section>
                <h2 v-text="item.name">商品标题</h2>
	  						<span class='price_tag'>¥</span>
                <b v-text="item.group_price">245.00</b>
	  						<div>
	  							<span>库存{{item.stock}}</span>
	  							<div>
                    <img v-for="(imgitem,index) in item.group_people" v-if="index < 4" :src="imgitem.avater"/>
	  								<span>
                      拼团 <span>></span>
                    </span>
	  							</div>
	  						</div>
	  					</section>
              <div class="fenyon" v-if="userInfo.team_leader_level >= 1 && (item.commission1_rate != 0 || item.commission2_rate != 0)">
                <p v-if="item.commission1_rate != 0">一级佣金{{item.commission1_rate}}%</p>
                <p v-if="item.commission2_rate != 0">二级佣金{{item.commission2_rate}}%</p>
              </div>
	  				</li>
	  			</ul>
	  			<div class="more" @click="toList('coll')">
	  				查看更多<img src="../../../image/shop/buy/buy-08.png"/>
	  			</div>
	  		</div>

        <!-- 热门推荐 -->
	  		<div class="buy-home-list" v-cloak v-show="hotGoodsList.length > 0">
	  			<div class="title">
	  				<span>热门推荐</span>
	  			</div>
	  			<ul class="list">
            <li v-for="item in hotGoodsList" @click="toGoodsDetail(item.goods_id, item.group_booking,item.is_yzc==1 && item.is_audit==1 ? true : false)">
              <div class="img_frame">
  	  					<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
              </div>
	  					<section>
	  						<h2 v-text="item.name">商品标题</h2>

                <p class="yzc-price" v-if="item.is_yzc==1 && item.is_audit==1">
                  <img src="../../../image/shop/yzc_icon.png" width="18px" height="18px" style="display: inline-block" alt="">
  	  						<b v-text="item.yzc">¥245.00</b>
                </p>

                <span class='price_tag' v-if="!item.is_yzc ? true : (item.is_audit == 1 ? false : true)">¥</span>
	  						<b v-if="!item.is_yzc ? true : (item.is_audit == 1 ? false : true)" v-text="item.group_booking ? item.group_price : item.sale_price">¥245.00</b>
	  						<div>
	  							<span>库存{{item.all_stock}}</span>
	  							<div></div>
	  						</div>
	  					</section>
              <div class="fenyon" v-if="(userInfo.team_leader_level >= 1 && (item.commission1_rate != 0 || item.commission2_rate != 0)) && item.is_yzc!=1">
                <p v-if="item.commission1_rate != 0">一级佣金{{item.commission1_rate}}%</p>
                <p v-if="item.commission2_rate != 0">二级佣金{{item.commission2_rate}}%</p>
              </div>
	  				</li>
	  			</ul>
	  			<div class="more" @click="toList('hot')">
	  				查看更多<img src="../../../image/shop/buy/buy-08.png"/>
	  			</div>
	  		</div>

        <!-- 所有商品 -->
	  		<div class="buy-home-list" v-if="goodsList.length > 0">
	  			<div class="title">
	  				<span>全部产品</span>
	  			</div>
	  			<ul class="list">
            <li v-for="item in goodsList" @click="toGoodsDetail(item.goods_id, item.group_booking,item.is_yzc==1 && item.is_audit==1 ? true : false)">
              <div class="img_frame">
  	  					<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
              </div>
	  					<section>
	  						<h2 v-text="item.name">商品标题</h2>

                <p class="yzc-price" v-if="item.is_yzc==1 && item.is_audit==1">
                  <img src="../../../image/shop/yzc_icon.png" width="18px" height="18px" style="display: inline-block" alt="">
  	  						<b v-text="item.yzc">¥245.00</b>
                </p>

                <span class='price_tag' v-if="!item.is_yzc ? true : (item.is_audit == 1 ? false : true)">¥</span>
	  						<b v-if="!item.is_yzc ? true : (item.is_audit == 1 ? false : true)" v-text="item.group_booking ? item.group_price : item.sale_price">¥245.00</b>
	  						<div>
	  							<span>库存{{item.all_stock}}</span>
	  							<div></div>
	  						</div>
	  					</section>
              <div class="fenyon" v-if="(userInfo.team_leader_level >= 1 && (item.commission1_rate != 0 || item.commission2_rate != 0)) && item.is_yzc!=1">
                <p v-if="item.commission1_rate != 0">一级佣金{{item.commission1_rate}}%</p>
                <p v-if="item.commission2_rate != 0">二级佣金{{item.commission2_rate}}%</p>
              </div>
	  				</li>
	  			</ul>
	  			<div class="more"  @click="toList('all')">
	  				查看更多<img src="../../../image/shop/buy/buy-08.png"/>
	  			</div>
	  		</div>

        <!-- yzc商品 -->
        <div class="buy-home-list" v-if="yzcGoods.length > 0">
	  			<div class="title">
	  				<span>YZC商品</span>
	  			</div>
	  			<ul class="list">
            <li v-for="item in yzcGoods" @click="toGoodsDetail(item.goods_id,0,item.is_yzc)">
              <div class="img_frame">
  	  					<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
              </div>
	  					<section>
	  						<h2 v-text="item.name">商品标题</h2>
                <p class="yzc-price">
                  <img src="../../../image/shop/yzc_icon.png" width="18px" height="18px" style="display: inline-block" alt="">
  	  						<b v-text="item.yzc">¥245.00</b>
                </p>

	  						<div>
	  							<span>库存{{item.stock}}</span>
	  							<div></div>
	  						</div>
	  					</section>
	  				</li>
	  			</ul>
	  			<div class="more"  @click="toList('yzc')">
	  				查看更多<img src="../../../image/shop/buy/buy-08.png"/>
	  			</div>
	  		</div>

        <div class="loop-tips" @click="toTipsDetail(tipsMsg.goodsId, tipsMsg.groupId)">
          <img :src="tipsMsg.avater" alt="">
          <span class="tips-name" v-text="tipsMsg.name">我我我我我</span>
          <span v-text="tipsMsg.msg">1秒前发起了拼团</span>
        </div>
	  	</div>
	  	<footer class="footer-nav">
	  		<a href="javascript:void(0);" class="footer-collect" @click="favorShop">
	  			<img :src="isCollect ? '../../../image/shop/buy/loveyou.png': '../../../image/shop/buy/buy-11.png'" />收藏
	  		</a>
	  		<!-- <a href="javascript:void(0);" class="footer-sell" @click="toChar">
	  			<img src="../../../image/shop/buy/buy-10.png"/>联系卖家
	  		</a> -->
	  		<a href="javascript:void(0);" class="footer-classfiy" @click="showTypeList">
	  			<img src="../../../image/shop/buy/buy-09.png"/>分类
	  			<ul class="footer-classfiy-list" style="max-height: 280px; overflow:auto;z-index: 10;" v-cloak v-show="showType">
	  				<li v-for="item in classifyList" v-text="item.name" @click="toClassify(item.category_id,item.name)">T恤</li>
	  			</ul>
	  		</a>
	  	</footer>
      <div class="share-mask" v-if="shareShow" @click="hideShare"></div>
      <div class="share-loaction" :class="shareShow ? 'show-loaction' : ''">
        <div class="to-where">
          <div @click="shareToWx(1)">
            <img src="../../../image/shop/buy/buy-64.png"/>
            分享给好友
          </div>
          <div @click="shareToWx(2)">
            <img src="../../../image/shop/buy/buy-63.png"/>
            分享到朋友圈
          </div>
        </div>
      </div>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/index.js?t=9-13"></script>

</html>
